/*导航轮播图*/
.headshow{
  width: em;
  margin: auto;
  height: 500px;
}
.headshow .swiper-container {
  width: 100%;
  height: 100%;
}
.headshow .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.headshow .linkOn{
  display: block;
  width: 100%;
  height: 520px;
}
.headshow .swiper-pagination{
  margin-bottom: 5px;
}
.headshow .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  opacity: 1;
  background: rgba(0, 0, 0, .4);
  border: 1px solid #fff;
}
.headshow .swiper-pagination-bullet-active {
  background: #ffcc00;
}
.headshow .swiper-pagination-bullet:hover{
  background: #ffcc00;
}
.headshow .swiper-container .swiper-button-next::after,
.headshow .swiper-container .swiper-button-prev::after{
  content: "";
}
.headshow .swiper-container .swiper-button-next,
.headshow .swiper-container .swiper-button-prev{
  width: 80px;
  height: 72px;
  background-size: 72px 72px;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}
.headshow .swiper-container .swiper-button-next{
  margin-right: 72px;
  background-image: url(../images/index/zonglunrighthui.png);
}
.headshow .swiper-container .swiper-button-prev{
  margin-left: 72px;
  background-image: url(../images/index/zonglunlefthui.png);
}
.headshow .swiper-container:hover .swiper-button-next,
.headshow .swiper-container:hover .swiper-button-prev{
  display: block;
}

/*旅游攻略中message*/
.strategy .message::after{
  content: "";
  display: block;
  clear: both;
}
.strategy .message .messageApply{
  padding: 15px 0 15px 20px;
  background-image: url(../images/index/laba.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  float: left;
}
.strategy .message .infor{
  float: left;
}
.strategy .message .infor .swiper-slide{
  font-size: 12px;
  margin-left:15px;
  display: flex;
}
.strategy .message .infor a{
  display: block;
  font-size: 12px;
}
.strategy .message .infor .lianjie{
  padding: 15px 5px;
  max-width: 700px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.strategy .message .infor .baoming{
  padding: 15px 0 15px 15px;
}
.strategy .message .infor .username,
.strategy .message .infor .baoming{
  color: #ff9d00;
}
.strategy .message .infor .username:hover,
.strategy .message .infor .lianjie:hover,
.strategy .message .infor .baoming:hover{
  color: #ff9d00;
  text-decoration: underline;
}
/*旅游攻略中message中的轮播图*/
.strategy .message .infor{
  width: 1100px;
  margin: auto;
  height: 44px;
}
.strategy .swiper-container {
  width: 100%;
  height: 100%;
}
.strategy .swiper-slide {

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*旅游攻略left*/
.strategy .container::after{
  content: "";
  display: block;
  clear: both;
}
.strategy .left{
  float: left;
}
.strategy .left h1,
.strategy .right h1{
  font-weight: normal;
  font-size: 20px;
  color: #333;
  height: 44px;
  line-height: 44px;
}
/*旅游攻略left中的轮播图*/
.strategy .left .strategyLunbo{
  width: 286px;
  margin: auto;
  height: 370px;
}
.strategy .left .strategyLunbo .swiper-container {
  width: 100%;
  height: 100%;
}
.strategy .left .strategyLunbo .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.strategy .left .strategyLunbo .linkOn{
  display: block;
  width: 100%;
  height: 370px;
}
.strategy .left .strategyLunbo .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  opacity: 1;
  background: rgba(0, 0, 0, .4);
  border: 1px solid #fff;
}
.strategy .left .strategyLunbo .swiper-pagination-bullet-active {
  background: #ffcc00;
}
.strategy .left .strategyLunbo .swiper-pagination-bullet:hover{
  background: #ffcc00;
}
.strategy .left .strategyLunbo .swiper-container .swiper-button-next::after,
.strategy .left .strategyLunbo .swiper-container .swiper-button-prev::after{
  content: "";
}
.strategy .left .strategyLunbo .swiper-container .swiper-button-next,
.strategy .left .strategyLunbo .swiper-container .swiper-button-prev{
  width: 32px;
  height: 72px;
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}
.strategy .left .strategyLunbo .swiper-container .swiper-button-next{
  margin-right: 0px;
  background-image: url(../images/index/zonglunright.png);
}
.strategy .left .strategyLunbo .swiper-container .swiper-button-prev{
  margin-left: 0px;
  background-image: url(../images/index/zonglunleft.png);
}
.strategy .left .strategyLunbo .swiper-container:hover .swiper-button-next,
.strategy .left .strategyLunbo .swiper-container:hover .swiper-button-prev{
  display: block;
}
/*旅游攻略right*/
.strategy .right{
  float: left;
  width: 904px;
  margin-left: 10px;
}
.strategy .right .box{
  height: 44px;
}
.strategy .right h1{
  padding-left: 10px;
  float: left;
}
.strategy .right .type{
  float: right;
  height: 44px;
  line-height: 44px;
  display: flex;
}
.strategy .right .type span{
  font-size: 18px;
  margin: 0 10px;
  cursor: pointer;
}
.strategy .right .type span:hover,
.strategy .right .type a:hover{
  color: #ff9d00;
}
.strategy .right .type a{
  display: block;
  line-height: 50px;
  margin: 0 10px;
  color: #ccc;
}
.strategy .right .pho{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  height: 370px;
}
.strategy .right .pho .bgi{
  width: 143px;
  height: 181px;
}
.strategy .right .type .hov{
  color: #ff9d00;
}
.strategy .right .pho .bgi .bgc{
  display: block;
  background-color:rgba(0,0,0,.4);
  width:143px;
  height: 181px;
  display: none;
  position: relative;
}
.strategy .right .pho .bgi .bgc .txt{
  width: 100%;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 10px;
}
.strategy .right .pho .bgi .bgc .btn{
  width: 74px;
  height: 16px;
  line-height: 16px;
  background-color: #ffc900;
  color: #000;
  border-radius: 5px;
  margin: auto;
  text-align: center;
}
/*特惠路线中切换图片*/
.specialLine .navList{
  margin-top: 20px;
  padding: 20px 0;
  float: left;
  display: flex;
  width: 600px;
  justify-content: space-between;
}
.specialLine .navList .hov{
  color: #ff9d00;
}
.specialLine .navList div:hover{
  color: #ff9d00;
}
.specialLine .navList>div{
  font-size: 20px;
}
.specialLine .more{
  display: block;
  color: #ccc;
  float: right;
  margin-top: 20px;
  padding: 20px 0;
  background-image: url(../images/index/shuaxin.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.specialLine .more:hover{
  color: #ff9d00;
}
.specialLine .tuijian{
  width: 1200px;
  height: 300px;
  display: flex;
}
.specialLine .tuijian .item{
  width: 166px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: 540px 304px;
  position: relative;
}
.specialLine .tuijian .item .baomingMethod{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
}
.specialLine .tuijian .item .touming{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background-color: rgba(0,0,0,.4);
}
.specialLine .tuijian .item .priceAndIntroduce{
  display: none;
}
.specialLine .tuijian .item .price{
  width: 80px;
  background-color: rgba(0,0,0,.4);
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.specialLine .tuijian .item .price .hrline{
  width: 100%;
  height: 5px;
  background-image: url(../images/index/hrline.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px 5px;
}
.specialLine .tuijian .item .price .money,
.specialLine .tuijian .item .price .where{
  color: #e79d00;
  font-size: 20px;
  text-align: center;
}
.specialLine .tuijian .item .introduce{
  color: #fff;
  font-size: 20px;
  position: absolute;
  bottom: 0px;
  margin: 15px;
  width: 380px;
  max-height: 46px;
  line-height: 23px;
  overflow: hidden;
}
.specialLine .tuijian .item .introduce::after{
  content: "...";
  position: absolute; 
  bottom: 0px; 
  right: 0px; 
  padding-left: 40px;
}
.specialLine .tuijian .item .hot{
  background-color: #ff4343;
  height: 26px;
  line-height: 26px;
  width: 46px;
  border-radius: 0 13px 13px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 20px;
  cursor: default;
}
.specialLine .tuijian .item .apply{
  display: block;
  width: 120px;
  height: 40px;
  background:#ff9d00;
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 10px;
  bottom: 20px;
  font-size: 20px;
  color: #fff;
  display: none;
}
.specialLine .tuijian .item .start{
  height: 50px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  position: absolute;
  bottom: 0;
}
/*周边短途游中的left*/
.zhoubian .container{
  position: relative;
}
.zhoubian .container::after{
  content: "";
  display: block;
  clear: both;
}
.zhoubian .left{
  float: left;
  width: 18.5%;
}
.zhoubian .left h1{
  width: 100%;
  padding: 15px 0;
  margin-top: 20px;
  font-size: 20px;
  font-weight: normal;
  border-bottom: 3px solid #ffcc00;
}
.zhoubian .left .sort .box{
  padding: 15px 10px;
}
.zhoubian .left .sort .box .title{
  height: 30x;
  line-height: 30px;
}
.zhoubian .left .sort .destination,
.zhoubian .left .sort .theme,
.zhoubian .left .sort .day{
  width: 150px;
  display: flex;
  flex-wrap: wrap;
}
.zhoubian .left .sort .destination li,
.zhoubian .left .sort .theme li,
.zhoubian .left .sort .day li{
  width: 50%;
  height: 30px;
  line-height: 30px;
}
.zhoubian .left .sort .destination li a,
.zhoubian .left .sort .theme li a,
.zhoubian .left .sort .day li a{
  font-size: 10px;
}
.zhoubian .left .sort .destination li a:hover,
.zhoubian .left .sort .theme li a:hover,
.zhoubian .left .sort .day li a:hover{
  color: #ff9d00;
}
/*周边短途游中的right*/
.zhoubian .right{
  width: 80.5%;
  float: left;
  margin-left: 1%;
}
.zhoubian .right .nav::after{
  content: "";
  display: block;
  clear: both;
}
.zhoubian .right .city{
  float: left;
  padding: 17px 0;
  margin-top: 20px;
}
.zhoubian .right .city div{
  float: left;
  font-size: 16px;
  margin-right: 20px;
  cursor: pointer;
}
.zhoubian .right .city div:hover{
  color: #ff9d00;
}
.zhoubian .right .city .hov{
  color: #ff9d00;
}
.zhoubian .right .more{
  float: right;
  display: block;
  padding: 19px 0;
  margin-top: 20px;
}
.zhoubian .right .more:hover{
  color: #ff9d00;
}
/*周边短途游right轮播图*/
.zhoubian .right .contentCity .top .lunbo{
  width: 23%;
  height: 460px;
  float: right;
}
.zhoubian .right .contentCity .top .lunbo .swiper-container {
  width: 100%;
  height: 100%;
}
.zhoubian .right .contentCity .top .lunbo .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.zhoubian .right .contentCity .top .lunbo .linkOn{
  display: block;
  width: 100%;
  height: 460px;
  position: relative;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .label{
  background-color: rgba(0,0,0,.22);
  width: 120px;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .label::after{
  content: "";
  display: block;
  clear: both;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .label .labelCity{
  margin: 3px 5px;
  float: left;
  height: 14px;
  line-height: 14px;
  padding-right: 50px;
  border-right: 1px solid #fff;
  color: #fff;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .label .labelDay{
  float: left;
  color: #fff;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .box{
  padding-top: 20px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,.2);
  height: 80px;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .box div{
  color: #fff;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .box .introduce{
  position: relative;
  margin-bottom: 30px;
  max-height: 36px;
  line-height: 18px;
  overflow: hidden;
  padding:0 10px ;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .box .introduce::after{
  content: "...";
  position: absolute; 
  bottom: 0px; 
  right: 10px; 
}
.zhoubian .right .contentCity .top .lunbo .linkOn .box .money{
  color: #ff8a00;
  position: absolute;
  left: 5px;
  bottom: 3px;
  font-size: 24px;
}
.zhoubian .right .contentCity .top .lunbo .linkOn .box .money span{
  color: #ff8a00;

}
.zhoubian .right .contentCity .top .lunbo .linkOn .box .number{
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.zhoubian .right .contentCity .top .lunbo .swiper-pagination{
  width: 30px;
  margin: 0 0  100px 200px;
}
.zhoubian .right .contentCity .top .lunbo .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  opacity: 1;
  background: rgba(0, 0, 0, .4);
  border: 1px solid #fff;
}
.zhoubian .right .contentCity .top .lunbo .swiper-pagination-bullet-active {
  background: #ffcc00;
}
.zhoubian .right .contentCity .top .lunbo .swiper-pagination-bullet:hover{
  background: #ffcc00;
}
.zhoubian .right .contentCity .top .lunbo .swiper-container .swiper-button-next::after,
.zhoubian .right .contentCity .top .lunbo .swiper-container .swiper-button-prev::after{
  content: "";
}
.zhoubian .right .contentCity .top .lunbo .swiper-container .swiper-button-next,
.zhoubian .right .contentCity .top .lunbo .swiper-container .swiper-button-prev{
  width: 32px;
  height: 72px;
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}
.zhoubian .right .contentCity .top .lunbo .swiper-container .swiper-button-next{
  background-image: url(../images/index/zonglunright.png);
}
.zhoubian .right .contentCity .top .lunbo .swiper-container .swiper-button-prev{
  background-image: url(../images/index/zonglunleft.png);
}
.zhoubian .right .contentCity .top .lunbo .swiper-container:hover .swiper-button-next,
.zhoubian .right .contentCity .top .lunbo .swiper-container:hover .swiper-button-prev{
  display: block;
}
/*周边短途游lunboleft中的top*/
.zhoubian .right .contentCity .top .lunboLeft{
  width: 77%;
  height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.zhoubian .right .contentCity .top .lunboLeft .box1top{
  width: 100%;
  height: 226px;
  display: flex;
  justify-content: space-between;
}
.zhoubian .right .contentCity .top .lunboLeft .longplace{
  width: 66.25%;
  height: 100%;
  background-image: url(../images/index/long.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.zhoubian .right .contentCity .whereAndDay{
  background-color: rgba(0,0,0,.22);
  width: 120px;
  position: absolute;
  cursor: default;
}
.zhoubian .right .contentCity .whereAndDay::after{
  content: "";
  display: block;
  clear: both;
}
.zhoubian .right .contentCity .whereAndDay .labelCity{
  margin: 3px 5px;
  float: left;
  height: 14px;
  line-height: 14px;
  padding-right: 50px;
  border-right: 1px solid #fff;
  color: #fff;
}
.zhoubian .right .contentCity .whereAndDay .labelDay{
  float: left;
  color: #fff;
}
.zhoubian .right .contentCity .line{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.zhoubian .right .contentCity .infor{
  width: 100%;
  padding-top: 20px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,.2);
  height: 80px;
}
.zhoubian .right .contentCity .box1top .infor div{
  color: #fff;
}
.zhoubian .right .contentCity .infor .introduce{
  margin-bottom: 30px;
  overflow: hidden;
  padding:0 10px ;
}
.zhoubian .right .contentCity .box1top .infor .introduce{
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 18px;
  line-height: 18px;
}
.zhoubian .right .contentCity .infor .money{
  color: #ff8a00;
  position: absolute;
  left: 5px;
  bottom: 3px;
  font-size: 24px;
}
.zhoubian .right .contentCity .infor .money span{
  color: #ff8a00;

}
.zhoubian .right .contentCity .infor .number{
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.zhoubian .right .contentCity .top .lunboLeft .shortplace{
  width: 32.7%;
  height: 100%;
  background-image: url(../images/index/short.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.zhoubian .right .contentCity .top .lunboLeft .box2bottom{
  width: 100%;
  height: 226px;
  display: flex;
  justify-content: space-between;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom a{
  display: block;
  width: 32.7%;
  height: 100%;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .phoimg{
  height: 60%;
  width: 100%;
  background-image: url(../images/index/no.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom [class ^= path]{
  position: relative;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .txt{
  height: 34%;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .txt .infor{
  padding-top: 0px;
  background-color: rgba(0,0,0,0);
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .txt .infor div{
  color: #333;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .txt .infor .money{
  color: #ff8a00;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .txt .infor .introduce{
  position: relative;
  max-height: 32px;
  line-height: 16px;
}
.zhoubian .right .contentCity .top .lunboLeft .box2bottom .txt .infor .introduce::after{
  content: "...";
  position: absolute; 
  bottom: 0px; 
  right: 10px; 
}
/*周边短途游lunboleft中的bottom*/
.zhoubian .right .contentCity .bottom{
  width: 100%;
  height: 256px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.zhoubian .right .contentCity .bottom>div{
  width: 49.5%;
  height: 100%;
}
.zhoubian .contentCity .CAnav{
  margin-bottom: 10px;
}
.zhoubian .contentCity .CAnav:after{
  content: "";
  display: block;
  clear: both;
}
.zhoubian .contentCity .CAnav .title{
  font-size: 20px;
  font-weight: normal;
  float: left;
}
.zhoubian .contentCity .CAnav .moreAll{
  display: block;
  float: right;
  height: 26px;
  line-height: 26px;
}
.zhoubian .contentCity .CAcontent{
  width: 100%;
  height: 230px;
  display: flex;
  justify-content: space-between;
}

.zhoubian .contentCity .CAcontent [class ^= CAC]{
  position: relative;
}
.zhoubian .contentCity .CAcontent .phoimg{
  background-image: url(../images/index/no.jpg);
  width: 100%;
  height: 136px;
  background-repeat: no-repeat;
  background-size: cover;
}
.zhoubian .contentCity .CAcontent>div{
  height: 100%;
  width: 49.5%;
}
.zhoubian .contentCity .CAcontent .infor{
  padding-top: 0;
  background-color: #fff;
  height: 70px;
}
.zhoubian .CAcontent .infor div{
  color: #333;
}
.zhoubian .contentCity .CAcontent .introduce{
  position: relative;
  max-height: 32px;
  line-height: 16px;
  white-space: wrap;
}
.zhoubian .contentCity .CAcontent .introduce::after{
  content: "...";
  position: absolute; 
  bottom: 0px; 
  right: 10px; 
}
.zhoubian .contentCity .CAcontent .line{
  height: 219px;
}
/*周边短途游中的logo*/
.zhoubian .log1{
  width: 170px;
  height: 128px;
  background-image: url(../images/index/bb_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.hrlineLogoOne .container{
  display: flex;
  justify-content: space-between;
}
.hrlineLogoOne .container a{
  display: block;
  width: 49.7%;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/*游记活动*/
.travelActive{
  margin-top: 40px;
}
.travelActive .container .TAtop::after{
  content: "";
  display: block;
  clear: both;
}
.travelActive .TAtitle{
  font-size: 20px;
  font-weight: normal;
  float: left;
}
.travelActive .TAtype{
  float: right;
}
.travelActive .TAmore{
  display: block;
  float: right;
}
.travelActive .TAcity{
  float: left;
}
.travelActive .TAcity li{
  float: left;
  margin: 0 10px;
}
.travelActive .TAcity li a{
  font-size: 16px;
  cursor: pointer;
}
.travelActive .TAcity li a:hover{
  color: #fe9d00;
}
.travelActive .TAcity li .hov{
  color: #fe9d00;
}
.travelActive .TAmore{
  display: block;
  font-size: 10px;
  height: 14px;
  line-hieght: 14px;
  margin-top: 5px;
  color: #ccc;
  margin-left: 20px;
}
.travelActive .TAmore:hover{
  color: #fe9d00;
}
.travelActive .TAcontent{
  width: 100%;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-top: 10px;
}
.travelActive .TAcontent>a{
  display: block;
  width: 33%;
  height: 32.5%;
}
.travelActive .TAcontent>a:after{
  content: "";
  display: block;
  clear: both;
}
.travelActive .TApho{
  float: left;
  width: 50%;
  height: 100%;
  background-image: url(../images/index/youji2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.travelActive .TAtxt{
  width: 40%;
  float: left;
  padding-top: 30px;
  margin-left: 15px;
}
.travelActive .TAtxt .TAintro{
  font-size: 16px;
  position: relative;
  overflow: hidden;
  max-height: 40px;
  line-height: 20px;
}
.travelActive .TAtxt .TAintro:after{
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0px;
}
.travelActive .TAtxt .TAtime{
  font-size: 10px;
  color: #aaa;
  margin-top: 20px;
}
.travelActive .TAtxt .TAtime span{
  fon-size: 12px;
  color: #fe9d00;
}
.travelActive .TAcontentEnd{
  position: relative;
  background-color: #ffcc00;
}
.travelActive .TAcontentEnd div{
  height: 44px;
  width: 120px;
  font-size: 28px;
  padding-left: 46px;
  background-image: url(../images/index/youjifabiao.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 44px 44px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}